
<label>Select the columns to display:</label>

<div id="table-check" class="my-checkbox"></div>

<table class="table table-hover" id="table" data-pagination="true" data-advanced-sortable="true"
data-page-list="[10]">
    <thead>
        <tr>
            <th data-field="geneid" data-sortable="true" data-search-type="text" data-formatter="GetGeneId" data-rowspan="2">
                                Original ID</th>
            <th data-field="species" data-sortable="true" data-search-type="radio" data-search-select=["Cucumber","Pumpkin"]
            data-rowspan="2">Species</th>
            <th data-field="func" data-sortable="true" data-search-type="text"  data-rowspan="2">Function</th>
            <th data-field="rna" data-sortable="true" data-search-type="text" data-rowspan="2">Mobile RNA</th>
            <th data-field="tls" data-sortable="true" data-search-type="text" data-rowspan="2">TLS</th>
            <th data-colspan="2" data-align="center">m<sup>5</sup>C</th>
            <th data-colspan="2" data-align="center">m<sup>6</sup>A</th>
            <th data-rowspan="2" data-field="snp" data-sortable="true" data-search-type="text" >GWAS SNP</th>
            <th data-rowspan="2" data-field="qtl" >QTL</th>
        </tr>
        <tr>
            <th data-field="m5g" data-sortable="true" data-search-type="text">Adult plant</th>
            <th data-field="m5p" data-sortable="true" data-search-type="text">Vascular</th>
            <th data-field="m6g" data-sortable="true" data-search-type="text">Adult plant</th>
            <th data-field="m6p" data-sortable="true" data-search-type="text">Vascular</th>
        </tr>
    </thead>
</table>